<template>
  <div class="layout_box">
    <!-- <div class="layout_header"></div> -->
    <div class="layout_cont">
      <router-view :key="key" />
    </div>
    <!-- <div class="layout_footer"></div> -->
  </div>
</template>

<script>
export default {
  computed: {
    key() {
      return this.$route.path;
    }
  },

}
</script>

<style lang="scss" scoped>
.layout_box {
  display: flex;
  flex-direction: column;
  height: 100%;
  .layout_header {
    width: 100%;
    height: 60px;
    background: #666;
  }
  .layout_cont {
    flex: 1;
    // overflow: auto;
  }
  .layout_footer {
    height: 50px;
    line-height: 50px;
    background: #e2e2e2;
  }
}
</style>